<!doctype html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html lang="en">


<head>
<meta charset="utf-8">
<title>PA-Learning</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!---CSS Files-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/master.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/tables.css">
<link
	href="${pageContext.request.contextPath}/Vues/js/sh/shThemeDefault.css"
	rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/Vues/js/sh/shCore.css"
	rel="stylesheet" type="text/css" />
<!---jQuery Files-->
<script
	src="${pageContext.request.contextPath}/Vues/js/jquery-1.7.1.min.js"></script>
<script
	src="${pageContext.request.contextPath}/Vues/js/jquery-ui-1.8.17.min.js"></script>
<script src="${pageContext.request.contextPath}/Vues/js/styler.js"></script>
<script
	src="${pageContext.request.contextPath}/Vues/js/jquery.tipTip.js"></script>
<script src="${pageContext.request.contextPath}/Vues/js/colorpicker.js"></script>
<script src="${pageContext.request.contextPath}/Vues/js/sticky.full.js"></script>
<script src="${pageContext.request.contextPath}/Vues/js/global.js"></script>
<script
	src="${pageContext.request.contextPath}/Vues/js/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/Vues/js/sh/shCore.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath}/Vues/js/sh/shBrushXml.js"
	type="text/javascript"></script>
<!---Fonts-->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'
	rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
        
        <![endif]-->
<!--[if lte IE 8]>
        <script language="javascript" type="text/javascript" src="js/flot/excanvas.min.js"></script>
        <![endif]-->
</head>
<body>

	<!--- HEADER -->

	<div class="header">
		<a href="dashboard.html"><img
			src="${pageContext.request.contextPath}/Vues/img/logo.png" alt="Logo" /></a>
		<div class="styler">
			<ul class="styler-show">
				<li><div id="colorSelector-top-bar"></div></li>
				<li><div id="colorSelector-box-head"></div></li>
			</ul>
		</div>
	</div>

	<div class="top-bar">
		<ul id="nav">
			<li id="user-panel"><img
				src="${pageContext.request.contextPath}/Vues/img/nav/usr-avatar.jpg"
				id="usr-avatar" alt="" />
				<div id="usr-info">
					<p id="usr-name">Bienvenu</p>
					<p id="usr-notif">
						You have 6 notifications. <a href="#">View</a>
					</p>
					<p>
						<a href="#">Preferences</a><a href="#">Profile</a><a
							href="identifiervous.jsp">Log out</a>
					</p>
				</div></li>
			<li>
				<ul id="top-nav">
					<li class="nav-item"><a href="accueiladmin.jsp"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/dash-active.png"
							alt="" />
							<p>Accueil</p></a></li>
					<li class="nav-item"><a href="analytics.html"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/anlt.png"
							alt="" />
							<p>Analytics</p></a></li>
					<li class="nav-item"><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/tb.png"
							alt="" />
							<p>Cour</p></a>
						<ul class="sub-nav">
							<a href="gestiondescours.jsp""><p>Theme</p></a>
							<a href="Module.jsp"><p>Module</p></a>
							<a href="sequence.jsp"><p>sequence</p></a>


						</ul></li>
					<li class="nav-item"><a href="calendar.html"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/cal.png"
							alt="" />
							<p>calendrier</p></a></li>
					<li class="nav-item"><a href="gestiondesexamens.jsp"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/widgets.png"
							alt="" />
							<p>Examen</p></a></li>

					<li class="nav-item"><a href="gestiondemessagerie.jsp"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/flm.png"
							alt="" />
							<p>Messagerie</p></a></li>

					<li class="nav-item"><a href="gestionduforum.jsp"><img
							src="${pageContext.request.contextPath}/Vues/img/nav/icn.png"
							alt="" />
							<p>Forum</p></a></li>



				</ul>
			</li>
		</ul>
	</div>

	<!--- CONTENT AREA -->

	<div class="content container_12">
		<div class="box grid_12">
			<div class="box-head">
				<h2>Gestion des Sequences</h2>
			</div>
			<div class="box-content no-pad">
				<ul class="table-toolbar">
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/plus.png"
							alt="" /> Ajouter</a></li>
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/delete.png"
							alt="" /> Supprimer</a></li>
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/save.png"
							alt="" />Valider</a></li>
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/print.png"
							alt="" /> Print</a></li>
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/up.png"
							alt="" /> Ascending</a></li>
					<li><a href="#"><img
							src="${pageContext.request.contextPath}/Vues/img/icons/basic/down.png"
							alt="" /> Descending</a></li>
				</ul>
				<table class="display" id="dt2">
					<thead>
						<tr>
							<th>Theme</th>
							<th>Module</th>
							<th>Partie</th>
							<th>sequence</th>
							<th>prof</th>
							<th>date creation</th>
							<th>option</th>
							

						</tr>
					</thead>
					<tbody>
						<s:iterator value="seq">
							<tr class="odd gradeX">
								<td><s:property value="part.modul.them.Hoti"/> </td>
								<td><s:property value="part.modul.Homo"/></td>
								<td><s:property value="part.Hopart" /></td>
								<td><s:property value="Hosq" /></td>
								<td class="center"><s:property value="trainer_sq.Natr"/></td>
								<td><s:property value="date"/></td>
								<td><s:a  href="delseq?pk=%{id}"><img src="${pageContext.request.contextPath}/Vues/images/supprimer.png" /></s:a ></td>

							</tr>
						</s:iterator>
					</tbody>
				</table>
			</div>
		</div>


		<div class="box grid_6">
			<div class="box-head">
				<h2>Ajouter Sequence</h2>
			</div>
			<div class="box-content">
				<form action="finM" method="" id="f1">
					<div class="box-content">
						<div class="form-row">
							<label class="form-label">Module</label>
						</div>
						<div class="form-item">
							<s:select list="%{mod}" name="th1" listKey="Moid"
								headerKey="mod1.Moid" listValue="Homo"
								onchange="document.getElementById('f1').submit()"></s:select>
						</div>


						<div class="form-row">
							<label class="form-label">Partie</label>
						</div>
						<div class="form-item">
							<s:select name="id" list="%{parti}" listKey="id" listValue="Hopart"></s:select>
						</div>
						<div class="form-row">
							<label class="form-label">titre</label>
						</div>
						<div class="form-item">
							<s:textfield name="titre"></s:textfield>
						</div>
						<div class="form-row">
							<label class="form-label">description</label>
						</div>
						<div class="form-item">
							<s:textarea name="desc"></s:textarea>
						</div>
						<div class="form-row">
							<p class="form-label">Lien du Cour</p>
						</div>
						<div class="form-item">
							<s:textfield name="lien" id="user_text" />
						</div>
						<input type="submit" class="button black" value="Ajouter"
							onclick="verif_creer();"> <input type="button"
							class="button orange" value="charger video" onclick="showText()" />
						<div class="clear"></div>

					</div>
				</form>
			</div>
		</div>

		<div class="form-item">
			<iframe id="text1" width="300" height="300" frameborder="0"
				allowfullscreen></iframe>
		</div>

	</div>

	<div class="clear"></div>







	<div class="footer">
		<p class="grid_12"></p>
	</div>

	<script>
		/* SCRIPTS */
		$(function() {
			$('#dt1').dataTable({
				"bJQueryUI" : true
			});
			$('#dt2').dataTable({
				"bJQueryUI" : true
			});
			$('#dt3').dataTable({
				"bJQueryUI" : true,
				"sPaginationType" : "full_numbers"
			}); /* For the data tables */
			$("#eq > span").each(function() {
				var value = parseInt($(this).text(), 10);
				$(this).empty().slider({
					value : value,
					range : "min",
					animate : true,
					orientation : "vertical"
				});
			});

			$("#accordion").accordion({
				fillSpace : true
			});

			$("#tabs").tabs();

			$("#progressbar").progressbar({
				value : 50
			});
		});
	</script>

	<SCRIPT language="javascript">
		function showText() {
			var popup_message = document.getElementById("user_text").value;
			var tableau = popup_message.split('=');
			var lien = "http://www.youtube.com/embed/" + tableau[1];

			document.getElementById("text1").src = lien;
		}
	</SCRIPT>
	<script type="text/javascript">
		function verif_suppr() {
			document.getElementById("f1").action = "suppr.php";
			document.getElementById("f1").submit();
		}

		function verif_creer() {
			document.getElementById("f1").action = "addS";

			document.getElementById("f1").submit();

		}
	</script>

</body>



</html>